<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
    xmlns:h="http://java.sun.com/jsf/html"
    xmlns:f="http://java.sun.com/jsf/core"
    xmlns:ui="http://java.sun.com/jsf/facelets"
    xmlns:a4j="http://richfaces.org/a4j"
    xmlns:rich="http://richfaces.org/rich">
    <h:form>
        <rich:panel>
            <f:facet name="header">
                <h:panelGroup>
                    <h:outputText value="Ingreso al Sistema" />
                    <a4j:status>
                    <f:facet name="start">
                        <h:graphicImage value="/images/ai.gif" alt="ai" style="height:12px;width:12px;"/>
                    </f:facet>
                </a4j:status>
                </h:panelGroup>
            </f:facet>
            <h:panelGrid columns="3" >
                <h:outputText value="Usuario:" />
                <h:inputText value="#{loginBean.user}" id="user" required="true">
                    <rich:validator />
                </h:inputText>
                <rich:message for="user" />
                <h:outputText value="Pass" />
                <h:inputSecret value="#{loginBean.pass}" id="pass" required="true">
                    <rich:validator /> 
                </h:inputSecret>
                <rich:message for="pass" />
                <h:button value="Ingresar" outcome="ingreso"></h:button>
<!--                <h:outputText value="Age" />-->
<!--                <h:inputText value="#{loginBean.age}" id="age">-->
<!--                    <rich:validator />-->
<!--                </h:inputText>-->
<!--                <rich:message for="age" />-->
<!--                <h:outputText value="I agree the terms" />-->
<!--                <h:selectBooleanCheckbox value="#{loginBean.agreed}" id="agreed">-->
<!--                    <rich:validator/>-->
<!--                </h:selectBooleanCheckbox>-->
<!--                <rich:message for="agreed" />-->
            </h:panelGrid>
        </rich:panel>
    </h:form>
</ui:composition>